<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <h:form id="formulario">
                <p:panel header="Registrar Orden de Compra" style="width:85%;margin: 10px auto;">

                    <p:panelGrid style="width:100%;margin: 10px auto;" id="panelOrdenCS"> 

                        <p:row>
                            <p:column>
                                <h:outputLabel id="lblOrdenPedido" value="CÓDIGO OP: " styleClass="lblForm" />
                            </p:column>
                            <p:column>
                                <p:selectOneMenu id="cbxOrdenPedido" rendered="#{BKOrdenCompra.comando.nombre eq 'Actualizar'?false:true}"
                                                 value="#{BKOrdenCompra.ordenCompraFormulario.idOrdenPedido.id}" 
                                                 style="width: 140px" filter="#{BKOrdenCompra.listaOrdenesPedido.size() gt 10}" 
                                                 filterMatchMode="contains"> 
                                    <f:selectItem itemLabel="Seleccionar" itemValue="0" /> 
                                    <f:selectItems value="#{BKOrdenCompra.listaOrdenesPedido}" var="ordenP" 
                                                   itemLabel="#{ordenP.codigoOrdenPedido}" itemValue="#{ordenP.id}" />
                                    <p:ajax listener="#{MBOrdenCompra.elegirOP}" process="@this" 
                                            update="cbxCategoriaArticulo cbxProveedor fstDatosProveedor btnAgregarArticulo" />
                                </p:selectOneMenu>
                                <h:outputText rendered="#{BKOrdenCompra.comando.nombre eq 'Actualizar'?true:false}" class="negrita"
                                              value="#{BKOrdenCompra.ordenCompraFormulario.idOrdenPedido.codigoOrdenPedido}"> 
                                </h:outputText>
                                <p:message for="cbxOrdenPedido" display="text"/>	
                            </p:column>
                            <p:column colspan="2">
                                <p:commandButton value="BUSCAR OC ANTIGUA" styleClass="ui-priority-primary" id="btnBuscarOrdenCompraAntigua"
                                                 actionListener="#{MBOrdenCompra.inicializarBusquedaAntigua}" immediate="true"
                                                 rendered="#{BKOrdenCompra.comando.nombre eq 'Guardar'}"
                                                 oncomplete="buscarAntiguo.show()" update=":formularioAntiguoOC:panelAntiguo"/>
                            </p:column>
                        </p:row>

                        <p:row id="rowCategoria" >

                            <p:column style="width: 120px">
                                <h:outputLabel id="lblSubCategoriaArticulo" value="SUB CATEGORIA(*): " styleClass="lblForm" />
                            </p:column>
                            <p:column>
                                <p:selectOneMenu style="float: left;width: 180px" id="cbxCategoriaArticulo" 
                                                 filter="#{BKOrdenCompra.listaSubCategoriaEcontrada.size() gt 10}" filterMatchMode="contains"
                                                 value="#{BKOrdenCompra.ordenCompraFormulario.idCategoriaArticulo.id}" required="true" >
                                    <f:selectItem itemLabel="Seleccionar" itemValue="0" /> 
                                    <f:selectItems value="#{BKOrdenCompra.listaSubCategoriaEcontrada}" var="subCat" 
                                                   itemLabel="#{subCat.nombre}" itemValue="#{subCat.id}"/>	
                                    <p:ajax event="change" listener="#{MBOrdenCompra.seleccionarSubCategoria}" 
                                            update="cbxProveedor fstDatosProveedor btnAgregarArticulo" /> 
                                </p:selectOneMenu>
                                <p:commandButton style="float: left" styleClass="btn_agregar" icon="ui-icon-plus" title="Agregar Categoria" 
                                                 immediate="true" ajax="false" onclick="this.form.target='_blank'" action="#{MBCategoriaArticulo.nuevo()}">
                                </p:commandButton>
                                <p:message for="cbxCategoriaArticulo" display="text"/>	
                            </p:column>

                            <p:column>
                                <h:outputLabel id="lblFechaEmision" value="FECHA EMISION(*): " styleClass="lblForm" />
                            </p:column>
                            <p:column>
                                <p:calendar id="calendarFechaEmision" value="#{BKOrdenCompra.ordenCompraFormulario.fechaEmision}" 
                                            pattern="dd/MM/yyyy" maxdate="#{BKOrdenCompra.ordenCompraFormulario.plazoEntrega}"
                                            showOn="button" showButtonPanel="true" navigator="true" required="true" size="12" locale="es">
                                    <p:ajax event="dateSelect" listener="#{MBOrdenCompra.marcarInicio}" update="calendarFechaEntrega,txtDias" />
                                </p:calendar>
                                <p:message for="calendarFechaEmision"/>
                            </p:column>
                        </p:row>

                        <p:row>
                            <p:column>
                                <h:outputLabel id="lblProveedor" value="PROVEEDOR(*): " styleClass="lblForm" />
                            </p:column>
                            <p:column >

                                <p:autoComplete value="#{BKOrdenCompra.ordenCompraFormulario.idProveedor}" onkeyup="cambiarMayuscula(this)" 
                                                completeMethod="#{MBOrdenCompra.buscarProveedor}" style="float: left" label="Buscar Proveedor" 
                                                dropdown="true"  rendered="false"
                                                id="cbxProveedor" var="proveedor"  size="40" itemLabel="#{proveedor.razonSocial}"
                                                itemValue="#{proveedor}" converter="#{proveedorConverter}" forceSelection="true">
                                    <p:ajax event="blur" process="@this"
                                            update="fstDatosProveedor,btnAgregarArticulo" listener="#{MBOrdenCompra.elegirProveedor}" />  

                                </p:autoComplete>

                                <p:inputText id="txtProveedor" readonly="true" size="25" 
                                             value="#{BKOrdenCompra.ordenCompraFormulario.idProveedor.razonSocial}" />
                                <cote:componenteFindProveedor id="findProveedor" 
                                                              lblbtnfind="Buscar"                                                                                                      
                                                              update=":formulario:fstDatosProveedor,:formulario:txtProveedor,:formulario:btnAgregarArticulo"/>

                                <p:commandButton styleClass="btn_agregar" icon="ui-icon-plus" title="Agregar Proveedor" 
                                                 immediate="true" ajax="false" onclick="this.form.target='_blank'" action="#{MBProveedor.nuevo()}">
                                </p:commandButton>
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column colspan="4">
                                <p:fieldset id="fstDatosProveedor" legend="Datos del Proveedor" toggleable="true">
                                    <p:panelGrid style="width: 100%">
                                        <p:row>
                                            <p:column>
                                                <h:outputLabel id="lblContacto" value="CONTACTO(*): " styleClass="lblForm" />
                                            </p:column>
                                            <p:column>
                                                <p:autoComplete value="#{BKOrdenCompra.ordenCompraFormulario.contacto}" 
                                                                onkeyup="cambiarMayuscula(this)" completeMethod="#{MBOrdenCompra.buscarContacto}" 
                                                                id="cbxContacto" var="contacto" itemLabel="#{contacto}" 
                                                                itemValue="#{contacto}" forceSelection="true" dropdown="true"
                                                                disabled="#{BKOrdenCompra.ordenCompraFormulario.idProveedor eq null}">
                                                    <p:ajax listener="#{MBOrdenCompra.seleccionarContacto}" event="itemSelect" update="txtTelefono" /> 
                                                </p:autoComplete>
                                                <p:commandButton styleClass="btn_agregar"  icon="ui-icon-plus" title="Agregar Contacto" id="lnkAgregar"
                                                                 disabled="#{BKOrdenCompra.ordenCompraFormulario.idProveedor eq null}"
                                                                 immediate="true" ajax="false" onclick="this.form.target='_blank'" action="#{MBProveedor.editar()}">
                                                    <f:setPropertyActionListener target="#{BKProveedor.proveedorFormulario}" value="#{BKOrdenCompra.proveedorArticuloFormulario.proveedor}"  />
                                                </p:commandButton>
                                                <p:message for="cbxContacto" display="text"/>
                                            </p:column>
                                            <p:column>
                                                <h:outputLabel id="lblTelefono" value="TELEFONO: " />
                                            </p:column>
                                            <p:column>
                                                <p:inputText onkeyup="cambiarMayuscula(this)" id="txtTelefono" maxlength="30"
                                                             value="#{BKOrdenCompra.ordenCompraFormulario.telefono}" />
                                                <p:message for="txtTelefono" display="text"/>	
                                            </p:column>
                                        </p:row>


                                        <p:row>
                                            <p:column>
                                                <h:outputLabel id="lblDireccion" value="DIRECCION(*): " styleClass="lblForm" />
                                            </p:column>
                                            <p:column>
                                                <p:inputTextarea id="txtDireccion" required="true" style="width: 100%;height: 50px" maxlength="200"
                                                                 value="#{BKOrdenCompra.ordenCompraFormulario.direccion}" 
                                                                 disabled="#{BKOrdenCompra.ordenCompraFormulario.idProveedor eq null}"/>
                                                <p:message for="txtDireccion" display="text" />	
                                            </p:column>
                                            <p:column>
                                                <h:outputLabel id="lblMoneda" value="MONEDA(*): " styleClass="lblForm" />
                                            </p:column>
                                            <p:column>
                                                <p:selectOneMenu id="cbxMoneda" required="true" 
                                                                 value="#{BKOrdenCompra.ordenCompraFormulario.idTipoMoneda.id}" 
                                                                 disabled="#{BKOrdenCompra.ordenCompraFormulario.idProveedor eq null}" > 
                                                    <f:selectItem itemLabel="Seleccionar" itemValue="0" /> 
                                                    <f:selectItems value="#{BKOrdenCompra.listaTipoMoneda}" var="mon" 
                                                                   itemLabel="#{mon.nombre}" itemValue="#{mon.id}"/>
                                                    <p:ajax listener="#{MBOrdenCompra.elegirMoneda}" process="@this" />
                                                </p:selectOneMenu>
                                                <p:message for="cbxMoneda" display="text"/>	
                                            </p:column>

                                        </p:row>
                                    </p:panelGrid>
                                </p:fieldset>
                            </p:column>
                        </p:row>



                        <p:row>
                            <p:column colspan="4" >
                                <p:fieldset id="pnlDetalle" legend="Detalle Orden de Compra" toggleable="true" style="width:100%;margin: 10px auto;">
                                    <p:panelGrid style="width:100%;margin: 10px auto;">
                                        <p:row>
                                            <p:column colspan="8" >
                                                <p:commandButton value="AGREGAR ARTICULO" styleClass="ui-priority-primary" id="btnAgregarArticulo"
                                                                 actionListener="#{MBDetalleOrdenCompra.nuevoDetalle}" immediate="true"
                                                                 oncomplete="agregarDetalle.show()" update=":formularioDetalleOC:panelDetalle" 
                                                                 disabled="#{BKOrdenCompra.ordenCompraFormulario.idProveedor eq null}"/>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column colspan="8" >
                                                <p:dataTable id="dataTablaDetalleOrden" var="detalle" widgetVar="carsTable"
                                                             value="#{BKOrdenCompra.listaDetalleOrdenCompraServicio}" 
                                                             emptyMessage="No se encontro detalle de la orden" filteredValue="" rowIndexVar="rowIndex"
                                                             paginator="true" rows="10" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                                                             {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowsPerPageTemplate="5,10,15"> 

                                                    <p:column id="idColumnaNum"	headerText="Num." style="width: 5%"> 
                                                        <h:outputText value="#{rowIndex+1}" /> 
                                                    </p:column>

                                                    <p:column id="idDescripcion"
                                                              headerText="Descripcion"  
                                                              filterMatchMode="contains"> 
                                                        <h:outputText value="#{detalle.nombreArticulo}" /> 
                                                    </p:column>

                                                    <p:column > 
                                                        <h:graphicImage value="/ordenCS/#{detalle.imagen}" style="height: 40px;width: auto"  />
                                                    </p:column>

                                                    <p:column id="idUnidadMedida"
                                                              headerText="UM"  
                                                              filterMatchMode="contains"> 
                                                        <h:outputText value="#{detalle.unidadMedidaForm}" /> 
                                                    </p:column>

                                                    <p:column id="idCantidad"
                                                              headerText="Cant."  
                                                              filterMatchMode="contains"> 
                                                        <h:outputText value="#{detalle.cantidadForm}" style="float: right" >
                                                            <f:convertNumber pattern="#0.00"/>
                                                        </h:outputText> 
                                                    </p:column>

                                                    <p:column id="idPrecio"
                                                              headerText="Precio"  
                                                              filterMatchMode="contains"> 
                                                        <h:outputText value="#{detalle.precioForm}" style="float: right" >
                                                            <f:convertNumber pattern="#0.00"/>
                                                        </h:outputText> 
                                                    </p:column>

                                                    <p:column id="idSubTotal" 
                                                              headerText="Sub Total"  
                                                              filterMatchMode="contains"> 
                                                        <h:outputText value="#{detalle.subTotal}" style="float: right" >
                                                            <f:convertNumber pattern="#0.00"/>
                                                        </h:outputText>
                                                    </p:column>

                                                    <p:column id="idObservacion"
                                                              headerText="Observacion"  
                                                              filterMatchMode="contains"> 
                                                        <h:outputText value="#{detalle.observacion}" /> 
                                                    </p:column>

                                                    <p:column id="idAccionesCuentaBancaria" headerText="Acciones" >
                                                        <p:commandButton id="btnEditarDetalle" icon="ui-icon-pencil" title="Editar" 
                                                                         oncomplete="agregarDetalle.show()" process="@this" ajax="true" 
                                                                         update=":formularioDetalleOC:panelDetalle" action="#{MBDetalleOrdenCompra.editarDetalle}" >
                                                            <f:setPropertyActionListener value="#{detalle}" target="#{BKDetalleOrdenCompraServicio.detalleOrdenCSFormulario}" />
                                                        </p:commandButton>

                                                        <p:commandButton id="btnEliminarDetalle" title="Eliminar" icon="ui-icon-trash"  oncomplete="confirmacion.show()" immediate="true">
                                                            <f:setPropertyActionListener value="#{detalle}" target="#{BKDetalleOrdenCompraServicio.detalleOrdenCSSeleccionado}" />
                                                        </p:commandButton>
                                                    </p:column>

                                                </p:dataTable>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputLabel id="lblValorVenta" value="VALOR DE VENTA: " styleClass="lblForm" />
                                            </p:column>
                                            <p:column colspan="3"> 
                                                <p:inputText id="txtValorVenta" style="" readonly="true"
                                                             value="#{BKOrdenCompra.ordenCompraFormulario.subtotal}">
                                                    <f:convertNumber pattern="#0.00"/>
                                                </p:inputText>
                                            </p:column>

                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputLabel id="lblIGV" value="IGV (18%): " styleClass="lblForm" />
                                            </p:column>
                                            <p:column colspan="3">
                                                <p:inputText id="txtIGV" readonly="true"
                                                             value="#{BKOrdenCompra.ordenCompraFormulario.igv}" >
                                                    <f:convertNumber pattern="#0.00"/>
                                                </p:inputText>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column style="width: 200px">
                                                <h:outputLabel id="lblTotalGral" value="TOTAL GENERAL: " styleClass="lblForm" />
                                            </p:column>
                                            <p:column style="width: 200px" >
                                                <p:inputText onkeyup="cambiarMayuscula(this)" id="txtTotalGral" readonly="true"
                                                             value="#{BKOrdenCompra.ordenCompraFormulario.total}" >
                                                    <f:convertNumber pattern="#0.00"/>
                                                </p:inputText>
                                            </p:column>
                                            <p:column colspan="2">
                                                <h:outputLabel id="lblImporteTotal" value="SON: " styleClass="lblForm" />
                                                <p:inputText id="txtImporteTotal" readonly="true" style="width: 100%"
                                                             value="#{BKOrdenCompra.ordenCompraFormulario.expresionTotal}" />
                                            </p:column>
                                        </p:row>

                                    </p:panelGrid>

                                </p:fieldset>
                            </p:column>


                        </p:row>
                        <p:row>
                            <p:column >
                                <h:outputLabel id="lblFechaEntrega" value="PLAZO DE ENTREGA: " styleClass="lblForm" />
                            </p:column>
                            <p:column colspan="3">
                                <p:calendar id="calendarFechaEntrega" value="#{BKOrdenCompra.ordenCompraFormulario.plazoEntrega}" showOn="button" locale="es"
                                            pattern="dd/MM/yyyy" mindate="#{BKOrdenCompra.ordenCompraFormulario.fechaEmision}" showButtonPanel="true"
                                            disabled="#{BKOrdenCompra.ordenCompraFormulario.fechaEmision eq null?'true':'false'}" navigator="true">
                                    <p:ajax event="dateSelect" listener="#{MBOrdenCompra.marcarFin}" update="calendarFechaEmision,txtDias" />
                                </p:calendar>
                                <h:outputLabel id="txtDias" value="#{BKOrdenCompra.ordenCompraFormulario.diasPlazo}" 
                                               style="margin: 0 10px;width: 30px"/>d&iacute;a(s)
                                <p:message for="calendarFechaEntrega"/>	
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column>
                                <h:outputLabel id="lblLugarEntrega" value="LUGAR DE ENTREGA: " styleClass="lblForm" />
                            </p:column>
                            <p:column colspan="2">
                                <p:inputTextarea id="txtLocal" style="width: 100%"  maxlength="250" rows="3" cols="70"
                                                 value="#{BKOrdenCompra.ordenCompraFormulario.lugarEntrega}"/>

                            </p:column>
                            <p:column>
                                <p:commandButton value="BUSCAR DIRECCION" styleClass="ui-priority-primary" id="btnBuscarDireccion"
                                                 actionListener="#{MBCompBuscarDireccion.inicializarBusquedaDireccion}" process="@this"
                                                 onclick="buscarDireccion.show()" update=":formDireccion:panelDireccion"/>
                            </p:column>
                        </p:row>


                        <p:row>
                            <p:column colspan="4" >
                                <p:fieldset toggleable="true" legend="Negociacion de Pago" style="width:100%;margin: 10px auto;" >
                                    <p:panelGrid style="width:100%;margin: 10px auto;">
                                        <p:row>
                                            <p:column>
                                                <h:outputLabel id="lblTipoPago" value="FORMA DE PAGO(*): " styleClass="lblForm" />
                                            </p:column>
                                            <p:column>
                                                <p:selectOneMenu id="cbxFormaPago" required="true" 
                                                                 value="#{BKOrdenCompra.ordenCompraFormulario.formaPago.nombre}"> 
                                                    <f:selectItem itemLabel="Seleccionar" itemValue="" /> 
                                                    <f:selectItems value="#{BKOrdenCompra.listaFormaPago}" var="forma" 
                                                                   itemLabel="#{forma.nombre}" itemValue="#{forma.nombre}"/>	
                                                    <p:ajax event="change" update="cbxTipoPago,txtDiasPago" process="@this" listener="#{MBOrdenCompra.elegirFormaPago}" />
                                                </p:selectOneMenu>
                                                <p:message for="cbxFormaPago" display="text"/>	
                                            </p:column>
                                            <p:column>
                                                <h:outputLabel id="lblFormaPago" value="TIPO DE PAGO(*): " styleClass="lblForm" />
                                            </p:column>
                                            <p:column>
                                                <p:selectOneMenu id="cbxTipoPago" required="true" 
                                                                 value="#{BKOrdenCompra.ordenCompraFormulario.tipoPago}"> 
                                                    <f:selectItem itemLabel="Seleccionar" itemValue="" /> 
                                                    <f:selectItems value="#{BKOrdenCompra.listaTipoPago}" var="tipo" 
                                                                   itemLabel="#{tipo}" itemValue="#{tipo}"/>
                                                </p:selectOneMenu>
                                                <p:message for="cbxTipoPago" display="text"/>	
                                            </p:column>
                                        </p:row>   
                                        <p:row>
                                            <p:column>
                                                <h:outputLabel id="lblDiasPago" value="DIAS PARA PAGAR: " styleClass="lblForm" />
                                            </p:column>
                                            <p:column>
                                                <p:inputText id="txtDiasPago" maxlength="3" 
                                                             disabled="#{BKOrdenCompra.ordenCompraFormulario.formaPago.nombre ne 'CREDITO'}"
                                                             value="#{BKOrdenCompra.ordenCompraFormulario.diasPago}"/>
                                            </p:column>
                                            <p:column>
                                                <h:outputLabel id="lblComentario" value="COMENTARIO: " styleClass="lblForm" />
                                            </p:column>
                                            <p:column >
                                                <p:inputTextarea id="inTxtComentario" rows="3" cols="45" maxlength="150" 
                                                                 value="#{BKOrdenCompra.ordenCompraFormulario.detallePago}"/>
                                            </p:column>

                                        </p:row>
                                        <p:row rendered="false">

                                            <p:column>
                                                <h:outputLabel id="lblDiasLibre" value="DIAS LIBRES: " styleClass="lblForm"  />
                                            </p:column>
                                            <p:column >
                                                <p:inputText id="txtDiasLibre" maxlength="3"
                                                             value="#{BKOrdenCompra.ordenCompraFormulario.diasLibres}"/>
                                                <p:message for="txtDiasPago"/>
                                            </p:column>
                                        </p:row>


                                    </p:panelGrid>

                                </p:fieldset>
                            </p:column>


                        </p:row>

                        <p:row>
                            <p:column>
                                <h:outputLabel id="lblObservacionGeneral" value="OBSERVACION: " styleClass="lblForm" />
                            </p:column>
                            <p:column colspan="3">
                                <p:editor id="txtObservacionGeneral" value="#{BKOrdenCompra.ordenCompraFormulario.observacion}" width="650"
                                          controls="bold italic underline" height="120"/>  

                            </p:column>
                        </p:row>

                        <p:row rendered="#{BKOrdenCompra.ordenCompraFormulario.estadoOrden eq 'A'}">
                            <p:column>
                                <h:outputLabel id="lblComentarioEdicion" value="COMENTARIO EDICIÓN(*): " styleClass="lblForm" />
                            </p:column>
                            <p:column colspan="3">
                                <p:inputTextarea id="txtComentarioEdicion" style="width: 100%"  maxlength="250" rows="3" cols="70"
                                                 required="true"
                                                 value="#{BKOrdenServicio.ordenServicioFormulario.comentarioEdicion}"/>
                                <p:message for="txtComentarioEdicion" display="text" />

                            </p:column>
                        </p:row>

                    </p:panelGrid>


                    <p:panelGrid style="width:40%;margin: 10px auto;">

                        <p:row>
                            <p:column>
                                <p:commandButton  action="#{BKOrdenCompra.comando.aceptar()}" ajax="false" value="#{BKOrdenCompra.comando.nombre} 
                                                  #{BKOrdenCompra.estadoOrdenCompraServicio eq 'B'?'Borrador':''}"/>
                            </p:column>
                            <p:column>
                                <p:commandButton  ajax="false" value="Emitir" id="btnEmitir" action="#{MBOrdenCompra.emitirOrden()}"
                                                  rendered="#{BKOrdenCompra.estadoOrdenCompraServicio eq 'B'}"
                                                  disabled="#{BKOrdenCompra.listaDetalleOrdenCompraServicio eq null}"/>
                            </p:column>
                            <p:column>
                                <p:commandButton action="#{MBOrdenCompra.cancelar()}" ajax="false" immediate="true" value="Cancelar"/>
                            </p:column>
                        </p:row>	

                    </p:panelGrid>

                    <h:panelGrid styleClass="mensaje_obligatorio">(*) Campos Requeridos</h:panelGrid>

                </p:panel>	

                <p:confirmDialog id="dlgEliminarDetalle" message="#{message['dialog.confirmacion.mensaje']}" 
                                 header="#{message['dialog.confirmacion.header']}" severity="alert" widgetVar="confirmacion">
                    <h:panelGrid style="width: auto;margin:0px auto;border:0px;padding: 0 5px" columns="2">
                        <p:commandButton id="btnConfEliDetalle" update="pnlDetalle,btnEmitir,cbxCategoriaArticulo,cbxProveedor,bloques"
                                         value="Si"  oncomplete="confirmacion.hide()"  
                                         actionListener="#{MBDetalleOrdenCompra.eliminarDetalle}" style="text-align: center" immediate="true" />  
                        <p:commandButton id="btnCancEliDetalle" value="No" onclick="confirmacion.hide()" type="button" style="text-align: center" />   
                    </h:panelGrid>
                </p:confirmDialog>	


                <h:panelGrid id="bloques">
                    <p:blockUI block="cbxCategoriaArticulo" id="blkCat" 
                               blocked="#{BKOrdenCompra.listaDetalleOrdenCompraServicio eq null?'false':'true'}"/>  
                    <p:blockUI block="cbxProveedor" id="blkPro" 
                               blocked="#{BKOrdenCompra.listaDetalleOrdenCompraServicio eq null?'false':'true'}"/>
                </h:panelGrid>
            </h:form>

            <p:dialog widgetVar="agregarDetalle" id="panAgregarDetalle" header="Detalle Orden Compra" modal="true" >
                <ui:include src="detalleOrdenCompra.xhtml" /> 
            </p:dialog>

            <p:dialog widgetVar="buscarAntiguo"  header="Buscar Orden Compra Antigua" modal="true" >
                <ui:include src="buscarOrdenCompraAntigua.xhtml" /> 
            </p:dialog>

            <p:dialog widgetVar="buscarDireccion"  header="Buscar Direccion" modal="true" >
                <ui:include src="../../../general/direccion.xhtml" /> 
            </p:dialog>

        </ui:define>

    </ui:composition> 
</html>